@import './../../../util/styles/index.scss';
.list_container {
  display: flex;
  justify-content: space-between;
  width: 100%;
    .right {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 429px;
        div {
          margin-bottom: 30px;
          position: relative;
          .title {
            border: 0px;
            background: #FFFFFF;
            margin: 0;
            position: absolute;
            left: 26px;
            top: -20px;
            width: 96px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            color: $navActive;
            font-size: 20px;
            font-family:STZhongsong;
            z-index: 10;
            letter-spacing: 0;
          }
          .more {
            cursor: pointer;
            position: absolute;
            width: 62px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            color: $navActive;
            font-size: 14px;
            right: 26px;
            top: -10px;
            margin: 0;
            background: white;
          }
        }
        .leader {
          padding: 18px 0px 18px 18px;
          height: 157px;
          display: flex;
          flex-direction: column;
          border: 1px solid $navActive;
          .name_list {
            height: 100%;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin: 0;
            span {
              padding-bottom: 18px;
              width: 100%;
              font-size:12px;
              font-family:MicrosoftYaHei;
              color: $navActive;
              text-align: left;
                .job {
                  color: #979797;
                  font-size: 12px;
                  margin-left: 10px;
                }
            }
          }     
        }
        .info {
          padding: 36px;
          height: 105px;
          color: #949494;
          font-size:12px;
          letter-spacing: 1px;
          font-family:MicrosoftYaHei;
          position: relative;
          border: 1px solid $navActive;
          .info_detail {
            margin: 0;
            overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 7 !important;
            -webkit-box-orient: vertical;
            display: -moz-box;
            -moz-line-clamp: 7 !important;
            -moz-box-orient: vertical;
            text-align: left;
            &:after {
              content:"...";
              position:absolute;
              bottom:0;
              right:0;
              padding: 0 5px;
              background-color: #fff;
            }
            a{color: $navActive;}
            span {
              position: absolute;
              text-align: right;
              right: 0;
              bottom: 0;
              width: 87px;
              background: white;
              font-size: 12px;
              color: $navActive;
            }
          }
          .contact {
            display: flex;
            flex-direction: column;
              span {
                color: #9A9A9A;
                font-size: 12px;
                margin-bottom: 10px;
              }
          }
        }
    }
    .left {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: calc(100% - 454px);
        div {
          margin-bottom: 30px;
          position: relative;
          .title {
            border: 0px;
            background: #FFFFFF;
            margin: 0;
            position: absolute;
            left: 26px;
            top: -20px;
            width: 96px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            color: $navActive;
            font-size: 20px;
            font-family:STZhongsong;
            z-index: 10;
            letter-spacing: 0;
          }
          .more {
            cursor: pointer;
            position: absolute;
            width: 62px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            color: $navActive;
            font-size: 14px;
            right: 26px;
            top: -10px;
            margin: 0;
            background: white;
          }
        }
        .project {
          border: 1px solid $navActive;
          padding: 35px 16px 37px 23px;
          height: 183px;
            .content {
              width: 100%;
              display: flex;
              justify-content: space-between;
                img {
                  width: 284px;
                  height: 183px;
                }
                > p{ width: calc(100% - 310px);}
               ul {
                 width: calc(100% - 310px);
                  li {
                    cursor: pointer;
                    padding-bottom: 18px;
                    align-items: center;
                      a{color: #242424;}
                      &:first-child h2 a{color: $navActive;}
                      h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #242424;font-weight: normal;}
                      span {
                        width: 5px;
                        height: 5px;
                        margin-right: 5px;
                        border-radius: 2.5px;
                        background: #242424;
                      }
                      .detail {
                        color: #949494;
                        font-size: 12px;
                        border-bottom: 1px dashed #C9C9C9;
                        padding: 10px 0px;
                        margin: 0;
                        max-height: 138px;
                        overflow: hidden;
                          > i{
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-box-orient: vertical; 
                            -webkit-line-clamp: 2;
                            line-height: 20px;
                          }
                          .span {
                            position: absolute;
                            right: 0;
                            margin: 0;
                            bottom: 10px;
                            width: 50px;
                            height: 16px;
                            background: transparent;
                            color: $navActive;
                            font-size: 12px;
                            font-family:MicrosoftYaHei;
                            color: $navActive;display: inline-block;padding: 0 0 0 100px;background: linear-gradient(to right, transparent 0%, #fff 90%);
                            > a{color: $navActive;}
                          }
                      }
                  }
                  li:last-child{
                    padding-bottom: 0;
                  }
               }
            }
        }
    }
}